.expand-date-picker {
  &.expand-range-picker {
    .ant-calendar {
      width: 712px;
      height: 430px;
    }
    &-withTime {
      .ant-calendar {
        height: 473px;
      }

      .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
        height: 399px;
      }
    }
  }

  .ant-calendar {
    width: 376px;
    height: 472px;
  }

  .expand-date-picker-withTime {
    .ant-calendar {
      height: 515px;
    }
  }

  .ant-calendar-cell {
    padding: 0;
  }

  .ant-calendar-date {
    width: 32px;
    height: 28px;
    line-height: 28px;
  }

  .ant-calendar-disabled-cell .ant-calendar-date {
    width: 48px;
  }

  .ant-calendar-range .ant-calendar-in-range-cell:before {
    top: 0;
    height: 28px;
  }

  .ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
    border: none;

    &:before {
      width: 32px;
      height: 30px;
      top: -1px;
      left: 10px;
    }
  }

  .expand-date-picker-mark {
    width: 63px;
    position: relative;
    left: -7.5px;

    &-text, .ant-tag {
      font-size: 12px;
      max-width: 60px;
      height: 22px;
      line-height: 22px;
      overflow: hidden;
      transform: scale(0.75);
      margin: 0 auto;
      padding: 0 6px;
    }

    &-text {
      color: #63AEFF;
    }

    &-badge {
      width: 4px;
      height: 4px;
      border-radius: 50%;
      margin: 6px auto;
    }
  }

  .expand-date-picker-date {
   height: 52px;
  }
}
